.card{
  border: 1px solid hsl(0, 0%, 76%);
  /* 边框圆角 */
  border-radius: 15px;
  /* 水平、垂直、模糊 、色彩*/
  box-shadow: 10px 10px 10px hsla(0, 0%, 0%, 0.403);
  /* 元素之间的填充 */
  padding: 20px;
  /* 留白 */
  margin: 30px;
  /* 元素居中 */
  text-align: center;
  max-width: 600px;
  /* 用于定义元素的显示类型为内联元素。
  内联元素会在同一行内显示，并且只占据其内容所需的空间，不会强制换行。 */
  /* display: inline; */
  
  .card-image{
    max-width: 50%;
    height: auto;
    border-radius: 50%;
    margin-bottom: 10px;
  }

  .card-title{
    font-family: Arial, sans-serif;
    margin: 0;
    color: hsl(0, 0%, 20%);
  }

  .card-text{
    font-family: Arial, sans-serif;
    margin: 0;
    color: hsl(0, 0%, 40%);
  }
}


